<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Server Error</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <link href="/static/ext/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/portal.css" rel="stylesheet">

    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="/static/ext/js/html5.js"></script>
    <![endif]-->

    <style type="text/css">
        body {
            padding-top: 100px;
        }
    </style>
</head>

<body>
    <div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container-fluid">
                <a class="brand" href="/">Ansible UI</a>
            </div>
        </div>
    </div>

    <div class="container">
        <h1>Server Error (500)</h1>
        <p>Sorry, there's been an error. An email was sent to your administrators. Thank you for your patience.</p>
        <div class="details">
            {% if traceback %}
            <a href="javascript:toggleDisplay('#traceback');"><i class="icon-share-alt"></i>More Info</a>
            &nbsp;
            <a href="/logs" target="_new">View Logs</a>
            <br />
            <br />
            <div id="traceback" class="hide">
                <table class="table table-striped" style="background: white; border: 1px solid #DDDDDD;">
                    <thead>
                    <tr>
                        <td>File Name</td>
                        <td>Line Number</td>
                        <td>Function Name</td>
                    </tr>
                    </thead>
                    <tbody>
                    {% for item in traceback %}
                    <tr>
                        <td>{{ item.file_name }}</td>
                        <td>{{ item.line_number }}</td>
                        <td>{{ item.function_name }}</td>
                    </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
            {% endif %}
        </div>

        <div class="alert-actions">
            <a class="btn small" href="javascript:window.history.back(-1)">Go back</a>
        </div>
    </div>
    <script src="/static/ext/js/jquery/jquery-1.8.1.min.js"></script>
    <script src="/static/ext/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        function toggleDisplay(selector) {
            $(selector).slideToggle(500);
        }
    </script>
</body>
</html>
